body {
    /* width: 100%; */
    min-height: 100%;
    max-height: 200%;
    background-color: #ececf4;
    color: #696969;
    overflow-y: auto;
    width: 100vw;
    /* overflow: auto; */
    overflow-x: hidden;

}
.footer {
  width: 100%;
  height: 45px;
  position:fixed;
  font-size: 18px;
  line-height: 45px;
  /* float: bottom; */
  left: 0px;
  bottom: 0px;
  z-index: 10000;
  transform: translate3d(0,0,0);
}

.footer_left {
  width: 50%;
  height:100%;
  text-align: center;
  float: left;
  background: #28b6f6;

}
.footer_left a{
  color: #fff;
}
.footer_right {
  width: 50%;
  text-align: center;
  float: left;
  background: #9edaf6;
  height:100%;

}
.footer_right a{
  color:#fff;
}



.top_nav_maxDiv {
    width: 100%;
    height: 40px;
    margin-bottom: 1%;
    /* background: red; */
    position:fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    transform: translate3d(0,0,0);
}
.top_nav_leftDiv_title {
      color: #fcfeff;
      float: left;
      width: 100%;
      height: 100%;
      /* margin: auto; */
      /* text-align: center; */
}
/*.top_nav_leftDiv_title span {
  background: url(../image/k1.png);
    background-size: 25%;
    background-repeat: no-repeat;}*/
.top_nav_leftDiv {
    width: 50%;
    height: 40px;
    float: left;
    background: #29b6f6;
    color: #fcfeff;
    line-height: 40px;
    position:fixed;
    border-right: 1px solid #fff;
}

.top_nav_leftDiv_img {
    width: 8%;
    height: 30%;
    float: left;
    text-align: center;
}

.top_nav_leftDiv_img img {
    width: 80%;
    height: 80%;
}
.top_nav_rightDiv_title {
    /* width: 165px; */
    color: #fcfeff;
    /* float: right; */
    /* text-align: left; */
    /* text-align: center; */
    /* margin-right: 60px; */
}
.top_nav_leftDiv_title img {
   width: 20px;
   height: 20px;
   margin-top: 9px;
   /* margin-left: 45px; */
 }
.top_nav_rightDiv {
    width: 50%;
    height: 40px;
    background: #29b6f6;
    /* text-align: center; */
    color: #fcfeff;
    margin: auto;
    line-height: 40px;
    position:fixed;
    /* left:50%; */
    margin-left: 50%;
}

.top_nav_rightDiv_img {
    /* width: 8%;
    height: 30%;
    float: left;
    text-align: center;
    margin-left:  40px;
    margin-top: 15px; */
}

.top_nav_rightDiv_img img {
    width: 100%;
    height: 100%;
    float: left;
}
.middle_div {
  /* margin-bottom: 50px; background: red;  display: block; width: 90%; color: red; padding-bottom: 50px;height: 80%; */
  /* overflow-y: auto; */
  width: 100%;
  min-height: 15%;
  /* background: red; */
  overflow-y: scroll;
  overflow-x: hidden;
}

.middle_EquipmentDisplay_div{
  display: block;
  width:30%;
  height:160px;
  margin-top: 3%;
  float: left;
  background-color: #fff;
  margin-left: 2.5%;
  font-size: 12px;
}
.middle_EquipmentDisplay_div_img{
  width: 100%;
  height: 45%;
  text-align: center;
}
.middle_EquipmentDisplay_div_img img{
  width: 100%;
  height: 100%;
}
.middle_EquipmentDisplay_div_name{
  text-align: center;
  width: 80%;
  height: 10%;
  margin-top: 7%;
  margin-left: 10%;
}
.middle_EquipmentDisplay_div_orderState{
  text-align: center;
  width: 65%;
  height: 10%;
  margin-top: 3%;
  color: #46bff7;
  border: 1px solid #46bff7;
  border-radius: 20px;
  margin-left: 17%;
  line-height: 120%;
}
.middle_EquipmentDisplay_div_no{
  text-align: center;
  width: 100%;
  height: 10%;
  margin-top: 5%;
  color: #696969;
}
.q4{
  display: none;
}
.q1{
  width: 100%;
  height: 50px;
  /* background: red; */
  margin-bottom:  0px;
}
.w2{
  float: left;
  /* margin-left: 45%; */
  margin-right: 1%;
}
.w1{
  /* float: left;
  margin-left: 5px; */
}
.r1{
  float: left;
  width: 20px;
  height: 20px;
  /* margin-left: 45%; */
  margin-right: 1%;
}
.r1 img {
  width: 100%;
  height: 100%;
  /* margin-left: 60px; */
  margin-top: 9px;
}
.r2{
  /* float: left;
  margin-left: 65px; */
}
.r3{
  /* text-align: center; */
  line-height: 40px;
}
.sb{
  /* text-align: center; */
  line-height: 40px;
}
.ky{
  /* text-align: center; */
  line-height: 40px;
}
.tit{
  width: 100px;
  height: 40px;
  /* background: red; */
  margin: auto;
}
.titl{
  width: 100px;
  height: 40px;
  /* background: red; */
  margin: auto;
}